<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>物流方后台管理</title>
		<link href="../../../css/logistics-common.css" type="text/css" rel="stylesheet">
		<link href="../../../css/base.css" type="text/css" rel="stylesheet">
		<link href="staffManageList.css" type="text/css" rel="stylesheet"></link>
	</head>

	<body>
		<div class="wrapper">
			<!-- 顶部菜单栏 -->
			<div id="header" class="header">
			</div>
			<div class="main" id="main">
				<!-- 左侧菜单栏 -->
				<div id="leftMenu" class="left"></div>
				<div class="pages">
					<div class="page field-section" data-page="staffManageList">
						<div class="page-header">
							<label>当前位置：</label>人员管理
							
							<input type="button" class="button-submit-addClerk  float-right " value="添加人员" />
		
						</div>
						<div class="page-content">
							<div class="page-content-search">
								<div class="page-content-search-item">
									手机号码：
									<input type="text" class="" name="clerkMobile"/>
								</div>
								<div class="page-content-search-item">
									姓名：
									<input type="text" class="" name="clerkName"/>
								</div>
								
								<div class="page-content-search-item">
									<div class="search-item-button fr">搜索</div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="page-content-main table-section">
								<table class="table">
									<thead>
										<tr>
											<th>
												人员编号
											</th>
											<th>
												手机号码
											</th>
											<th>
												姓名
											</th>
											
											<th>
												操作
											</th>
										</tr>
									</thead>
									<tbody id="logisticsClerkBody">
									</tbody>
									<script type="text/template" id="logisticsClerkListTpl">
										{@each datas as it}
										<tr class="tr_style table-data" clerkId="${it.clerkId}">
											<td>${it.clerkId}</td>
											<td>${it.clerkMobile}</td>
											<td>${it.clerkName}</td>
											<td><span class="handle-type handle-reset">重置密码</span><span class="handle-delete handle-type ">删除</span></td>
										</tr>
										
										{@/each}
										</script>
								</table>
								<div id="pagenation" class="pagerCon"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 底部 -->
			<div id="footer" class="none footer">

			</div>
			<!--添加人员框-->
			<div class="dialog none" id="addClerkDialog" style="width:400px;">
				<div class="dialogTitle">添加物流人员</div>
				<button class="closeDiv">×</button>
				<div class="dialogContent" action="createLogisticsClerk" version="v1.0">
					<div class="logisticsDiv">
						<span for="" class=""><span class="requiredInput">*</span>物流人员电话：<input   minLength="1" maxLength="255" type="text" id="clerkMobile" name="clerkMobile" placeholder="物流人员电话"  isNull="1"  codeName="物流人员电话"/></span>
					</div>
					<div class="logisticsDiv">
						<span for="" class=""><span class="requiredInput">*</span>物流人员名称：<input   minLength="1" maxLength="255" type="text" name="clerkName" placeholder="物流人员名称" isNull="1"  codeName="物流人员名称"/></span>
					</div>
				
				</div>
				<div class="footerBtn">
					<div class="dialogBtn dialogHandlerBtn radius_shadow">确定</div>
				</div>
			</div>
			<div id="fullBg" class="fullBg none"></div>
			<!--确认框-->
			<div class="dialog none" id="confirmDialog" style="width:300px;">
				<div class="dialogTitle"></div>
				<button class="closeDiv">×</button>
				<div class="dialogContent">
				</div>
				<div class="footerBtn">
					<div class="dialogBtn dialogHandlerBtn radius_shadow">确定</div>
				</div>
			</div>
			
		<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
		<script src="../../../component/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
		<script type="text/javascript" src="../../../js/logistics/config.js"></script>
		<script type="text/javascript" src="../../../js/juicer-min.js"></script>
		<script type="text/javascript" src="../../../js/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript">
			seajs.use('./staffManageList', function(staffManageList) {
				staffManageList.init(3);
			});
		</script>
	</body>

</html>